.main {
    height: 100%;
    .el-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #716868;
        color: #ffffff;
        > div:first-child {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 50px;

            img {
                padding: 3px;
                width: 40px;
                height: 40px;
                margin-right: 20px;
                border: 1px solid #eeeeee;
                border-radius: 50%;
                box-shadow: 0 0 4px #ddd;
            }
        }
    }

    .el-container {
        height: 100%;

        .el-aside {
            width: 300px;
            background-color: #333744;

            .shrink_box {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 40px;
                background-color: #211717;
                color: #3568cd !important;

                .iconfont {
                    font-size: 32px;
                    cursor: pointer;
                }
            }

            .el-menu {
                border-right: unset;
            }

            i.iconfont {
                margin-right: 10px;
            }
        }

        .el-main {
            background-color: #eeeeee;
        }

        .menu_hidden {
            width: 56px !important;
        }
    }
}
